<%--
  Created by IntelliJ IDEA.
  User: 23649
  Date: 2021/5/10
  Time: 18:33
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <%
        String path = request.getContextPath();
        String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    <style type="text/css">
        .box{
            width: 350px;
            height: 379px;
            display: inline-block;
            margin-right: 8px;
            font-family: "微软雅黑";
            font-size: 14px;
            color: #FFFFFF;
        }
        .box span{
            font-size: 36px;
            font-family: "方正大黑简体";
        }
        .item{
            margin-left: 45px;
            margin-top: 20px;
        }
        #box{
            margin-left: 30px;
        }
        #txt{
            font-family: "方正大黑简体";
            font-size: 14px;
            font-style: italic;
        }
        #menu-li li{
            position: relative;
            top: 70px;
            font-family: "微软雅黑";
            font-size: 18px;
            display: inline-block;
            margin-left: 40px;
            margin-top: 60px;
        }
        #fenge{
            width: 100%;
            height: 2px;
            background-color: black;

        }
        #menu-img li{
            display: inline-block;

            margin-left: 30px;
        }
        #menu-img img{
            width: 129px;
            height: 129px;

        }
        #button {
            margin-left: 150px;
        }
        #menu-img{
            position: relative;
            left: 350px;
        }
        .names{
            position: relative;
            top: 120px;
            left: 290px;
        }
    </style>
</head>
<body>
<img src="<%=basePath%>img/huazi.jpg" width="1500" height="600">
<div id="box">
<div id="box1" class="box" style="background-image: url('<%=basePath%>img/back1.jpg')">
    <div class="item">医疗区占地 <span>500</span>余亩</div>
    <div class="item">业务用房 <span>60</span>余万平方米</div>
    <div class="item">编制床位 <span>4300</span>张</div>
    <div class="item">在职员工 <span>10000</span>余人</div>
</div>
<div id="box2" class="box" style="background-image: url('<%=basePath%>img/back2.jpg')">
    <div class="item">博士生导师 <span>370</span>名</div>
    <div class="item">硕士生导师<span>520</span>名</div>
    <div class="item">一级学科博士学位授权资格<span>4</span>个</div>
    <div class="item">博士学位点<span>67</span>个</div>
</div>
<div id="box3" class="box" style="background-image: url('<%=basePath%>img/back3.jpg')">
    <div class="item">两院院士 <span>1</span>人</div>
    <div class="item">973首席科学家 <span>3</span>人</div>
    <div class="item">高端引进人才<span>43</span>人</div>
    <div class="item">省级学术技术带头人<span>121</span>人</div>
</div>
<div id="box4" class="box" style="background-image: url('<%=basePath%>img/back4.jpg')">
    <div class="item">Nature Index名列全球第 <span>26</span>位</div>
    <div class="item">临床医学ESL排名全球钱<span>1%</span></div>
    <div class="item">国家级研究平台 <span>9</span>个</div>
    <div class="item">年均科研项目经费超 <span>2</span>亿元</div>
</div>
</div>
<div id="txt">
    <span>临湘大学华子医院致力于位人们服务，争当时代医院。
        <br>四川大学华西医院在2015年公布的中国公立医院社会贡献度排行榜上总分位列全国第一，
        <br>
        在复旦大学中国最佳专科声誉和最佳医院排行榜上，连续五年名列全国第二，连续多年被独立第三方调查评选为“全国最受欢迎三甲医院” 前十强、
        “医疗机构最佳雇主”前十强。
    </span>
</div>
<div id="fenge"></div>

<img  src="<%=basePath%>img/dibu.jpg"  style="width: 1425px;  > <img  src="<%=basePath%>img/dibu.jpg" style="width: 1425px; "/>
<script src="<%=basePath%>jquery-1.12.4.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $(window).scroll(function() {

            if ($(document).scrollTop()<=300){
                $("#box").fadeOut(1000);
            }

            if ($(document).scrollTop() >= 300) {
                $("#box").fadeIn(1500);
            }
        });
    });
</script>
</body>
</html>
